<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>实验二</title>
    <link rel="stylesheet" href="CSS/index.css">
</head>
<body>
<div class="container">
    <!--头部模块-->
  <header>
      <img src="images/logo.jpg">
  </header>
    <!--导航栏-->
  <nav>
      <a href="#">首页</a>
      <a href="#">会员</a>
      <a href="#">运动</a>
      <a href="#">直播</a>
      <a href="#">视频</a>
      <a href="#">注册</a>
  </nav>
    <!--banner模块-->
  <div id="banner"></div>
    <!--内容模块-->
    <section>
        <div id="content">
            <h2 class="step">注册步骤：</h2>
            <form action="#" method="post" class="one">
                <h3>您的账号信息：</h3>
                <table class="content">
                    <tr>
                        <td class="left">注册方式：</td>
                        <td>
                            <label for="one"><input type="radio" name="sex" id="one">E-mail注册</label>&nbsp;&nbsp;&nbsp;&nbsp;
                            <label for="two"><input type="radio" name="sex" id="two">手机号码注册</label>
                        </td>
                    </tr>
                    <tr>
                        <td class="left">注册邮箱：</td>
                        <td><input type="text" class="right"></td>
                    </tr>
                    <tr>
                        <td class="left">注册手机：</td>
                        <td><input type="text" class="right"></td>
                    </tr>
                    <tr>
                        <td class="left">登陆密码：</td>
                        <td><input type="password" class="right" maxlength="16" minlength="8"></td>
                    </tr>
                    <tr>
                        <td class="left">昵称：</td>
                        <td><input type="text" class="right"></td>
                    </tr>
                </table>
                <h3>您的个人信息：</h3>
                <table class="content">
                    <tr>
                        <td class="left">性别：</td>
                        <td>
                            <label for="boy"><input type="radio" name="sex" id="boy"/>男</label>&nbsp;&nbsp;&nbsp;&nbsp;
                            <label for="girl"><input type="radio" name="sex" id="girl"/>女</label>
                        </td>
                    </tr>
                    <tr>
                        <td class="left">学历：</td>
                        <td>
                            <select>
                                <option>--请选择--</option>
                                <option>初中</option>
                                <option>高中</option>
                                <option>本科</option>
                                <option>硕士</option>
                                <option>博士</option>
                            </select>
                        </td>
                    </tr>
                    <tr>
                        <td class="left">所在城市：</td>
                        <td>
                            <select>
                                <option>--请选择--</option>
                                <option>初中</option>
                                <option>高中</option>
                                <option>本科</option>
                                <option>硕士</option>
                                <option>博士</option>
                            </select>
                        </td>
                    </tr>
                    <tr>
                        <td class="left">兴趣爱好：</td>
                        <td>
                            <input type="checkbox">足球
                            <input type="checkbox">篮球
                            <input type="checkbox">游泳
                            <input type="checkbox">唱歌
                            <input type="checkbox">跑步
                            <input type="checkbox">瑜伽
                        </td>
                    </tr>
                    <tr>
                        <td class="left">自我介绍：</td>
                        <td>
                            <textarea cols="60" rows="8"></textarea>
                        </td>
                    </tr>
                    <tr>
                        <td colspan="2">
                            <input type="button" class="btn">
                        </td>
                    </tr>
                </table>
            </form>
        </div>
    </section>
    <!--页脚模块-->
  <footer>

  </footer>
</div>
</body>
</html>